
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>个人中心</title>
    <link rel="stylesheet" type="text/css" href="/css/stroe/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/stroe/loading.css"/>
    <link rel="stylesheet" type="text/css" href="/css/stroe/base.css"/>
    <link rel="stylesheet" type="text/css" href="/css/stroe/style.css"/>
    <script src="/js/jquery/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/js/plugins/jrender/jrender.min.js"></script>
    <script type="text/javascript">
        $(window).load(function(){
            $(".loading").addClass("loader-chanage")
            $(".loading").fadeOut(300)
        });
        $(function () {
            var users = sessionStorage.getItem("user");
            var user = JSON.parse(users);
            $.get("/signs/" + user.id,function (data) {
                $("#user").renderValues(data);
            });
            //用户注销操作
            $("#logoutBtn").click(function () {
                $.ajax({
                    type:"DELETE",
                    url:"/users/session",
                    success:function (data) {
                        if (data.success){
                            location.reload();
                            //把静态页面的缓存数据也一并清除
                            sessionStorage.removeItem("user");
                            window.parent.location.href = "/login.html";
                        }
                    }
                })
            });
        })
    </script>
</head>
<body>
<div class="p-top clearfloat" id="user">
    <a href="/mine/profiles.html">
        <div class="tu">
            <img render-src="user.headImgUrl"/>
        </div>
        <p class="name" render-html="user.nickName"></p>
    </a>
    <div class="p-bottom p-bottom1 clearfloat">
        <ul class="clearfloat">
            <a href="#">
                <li class="box-s">
                    <span class="opa6"></span>
                    <p class="bt">我的积分</p>
                    <p class="price" render-html="integral"></p>
                </li>
            </a>
            <a href="../signIn.html">
                <li class="box-s">
                    <span class="opa6"></span>
                    <p class="bt">我的连续签到</p>
                    <p class="price" render-html="signs">0</p>
                </li>
            </a>
        </ul>
    </div>
</div>

<div class="contaniner fixed-contb">
    <section class="self">
        <dl>
            <dt>
                <a href="order.html">
                    <img src="/img/store/self-icon.png"/>
                    <b>全部订单</b>
                    <span><img src="/img/store/right.png"/></span>
                </a>
            </dt>
            <dd>
                <ul>
                    <li>
                        <a href="ordertwo.html">
                            <img src="/img/store/order-icon01.png"/>
                            <p>待发货</p>
                        </a>
                    </li>
                    <li>
                        <a href="orderthree.html">
                            <img src="/img/store/order-icon03.png"/>
                            <p>待付款</p>
                        </a>
                    </li>
                    <li>
                        <a href="orderfour.html">
                            <img src="/img/store/order-icon02.png"/>
                            <p>待收货</p>
                        </a>
                    </li>
                </ul>
            </dd>
        </dl>

        <ul class="self-icon">
            <li>
                <a href="/mine/info.html">
                    <img src="/img/store/self-icon01.png"/>
                    <p>个人信息</p>
                    <span><img src="/img/store/right.png"/></span>
                </a>
            </li>
            <li>
                <a href="mycollect.html">
                    <img src="/img/store/self-icon02.png"/>
                    <p>我的收藏</p>
                    <span><img src="/img/store/right.png"/></span>
                </a>
            </li>
            <li>
                <a href="go-address.html">
                    <img src="/img/store/self-icon04.png"/>
                    <p>地址管理</p>
                    <span><img src="/img/store/right.png"/></span>
                </a>
            </li>
        </ul>
        <a href="#"><input type="button" id="logoutBtn" value="退出" /></a>

    </section>


</div>

<footer class="page-footer fixed-footer">
    <ul>
        <li>
            <a href="/mine/store/storeHome.html">
                <img src="/img/store/footer001.png"/>
                <p>商城首页</p>
            </a>
        </li>
        <li >
            <a href="/mine/store/stroeProduct.html">
                <img src="/img/store/footer002.png"/>
                <p>产品分类</p>
            </a>
        </li>
        <li>
            <a href="/mine/store/stroeCart.html">
                <img src="/img/store/footer003.png"/>
                <p>购物车</p>
            </a>
        </li>
        <li class="active">
            <a href="/mine/store/stroepersonal.html">
                <img src="/img/store/footer04.png"/>
                <p>会员中心</p>
            </a>
        </li>
    </ul>
</footer>


</body>
</html>